<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <title>玉灵 QQ:7031633 Email:webrx@126.com</title>
    <meta content="关键字" name="keywords">
    <meta content="简介" name="description">
    <style>
        body {
            background-color: orange;
        }

        img {
            /*四个角*/
            /*border-radius: 50%;*/

            /* 50% 在上 右下  0 右上左下角*/
            /*border-radius: 50% 0;*/
            border-radius: 50px 50px 0 0;
        }

        .box {
            width: 200px;
            height: 50px;
            background-color: #f00;
            /*border-radius: 0 50px 50px 0;*/

            border-bottom-right-radius: 50px;
        }

        .btn {
            display: inline-block;
            background-image: linear-gradient(green, rgba(255, 255, 255, 0.38));
            color: #fff;
            width: 200px;
            height: 50px;
            font: 18px/50px "";
            text-align: center;
            text-decoration: none;
            border-radius: 12px;
            letter-spacing: 2px;
        }

        .btn:hover {
            background-image: linear-gradient(green, rgba(255, 255, 255, 0.76));
        }

        .ad {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            padding: 5px;
            
            border: 1px dashed #fff;
        }

    </style>
</head>

<body>
<img alt="" class="ad" src="imgs/office.png">

<br>
<h1>hello world</h1>
<div class="box"></div>

<br>
<a href="http://www.baidu.com">新用户注册</a>
<a class="btn" href="http://www.baidu.com">新用户注册</a>
<br><br>

<img src="imgs/office.png">


</body>
</html>
